<template>
	<view class="content">
		<image class="top-head" src="../../static/top_head.png" mode="aspectFit"></image>
		<view>
			<image class="name" src="/static/clearBlack/name2.png" mode="aspectFit"></image>
		</view>
		<view class="center">
			<h2 class='title'>举报须知</h2>
			<view class="text">
				<p> 一、本平台受理涉黑涉恶违法犯罪线索举报。如举报其他方面的问题，请直接向有关部门反映。</p>
				<p> 二、举报人应当如实反映情况，对所举报内容的真实性负责。接受询问、配合调查时，应如实提供情况和证据。对于捏造事实、诬告陷害行为的，将依照有关规定严肃处理；涉嫌违法犯罪的，将依法处理。</p>
				<p> 三、提倡实名举报（请填写真实姓名、身份信息以及准确联系方式等内容），本平台将严格依法为举报人保密。举报内容经核查属实的，给予举报者奖励。</p>
				<p> 四、为保障举报人的合法权益，限制恶意重复举报和垃圾信息。为提高平台的运行效率，请不要重复提交举报。</p>
				<p> 五、请按页面提示填选举报信息，如不了解相关内容请填选“不清楚”。</p>
				<p> 六、咨询热线：0739-5012337（夏季 上午8:00-12:00；下午15：00-18:00
冬季 上午8:00-12:00；下午14:30-17:30，节假日除外）</p>
			</view>

			<view class="button" @click="routeTo">
				<!-- <text v-if="!timeOk">请仔细阅读，还剩{{buttonTime}}秒</text> -->
				<text >我要举报</text>
			</view>

		</view>
		<view class="bottom">
			<p style='margin: 30rpx 0;'>版权所有 © 中共邵阳市委政法委员会</p>
			<!-- <p style='margin: 30rpx 0;'>京ICP备19020621号-1</p> -->
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				buttonTime: 15,
				timeOk: false
			}
		},
		onLoad() {
			// setInterval(() => {
			// 	this.countDownTime()
			// }, 1000)

		},
		methods: {
			routeTo() {
				uni.navigateTo({
					url: '/pages/clearBlack/blackReport/blackReport'
				})
			},
			// 倒计时
			countDownTime() {
				if (this.buttonTime === 0) {
					clearInterval()
					this.timeOk = true
					return
				}
				this.buttonTime--
			}
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		width: 100%;
	}

	.content {
		width: 100%;
		min-height: 100%;
		background: url(~@/static/bg_long.jpg);
		background-size: 100% 100%;
		position: relative;
		padding-bottom: 20rpx;

		.top-head {
			width: 100%;
			margin-top: -130rpx;
		}

		.name {
			width: 100%;
			margin-top: -360rpx;
			// height: 40rpx;
		}

		.center {
			margin-top: -100rpx;

			.title {
				letter-spacing: 5rpx;
				text-align: center;
				color: #004789;
				margin: 20rpx auto;
				width: 600rpx;
				height: 80rpx;
				border-bottom: 2rpx solid #c7a4a4;
			}

			.text {
				text-indent: 2em;
				margin: 0 80rpx;
				line-height: 48rpx;
				font-size: 30rpx
			}

			.button {
				background-color: #8b050b;
				height: 100rpx;
				width: 470rpx;
				border-radius: 10rpx;
				color: #fff;
				font-size: 40rpx;
				line-height: 100rpx;
				text-align: center;
				letter-spacing: 5rpx;
				margin: 40rpx auto;
			}
		}

		.bottom {
			margin-top: 100rpx;
			text-align: center;
			line-height: 38rpx;
			font-size: 30rpx
		}
	}
</style>
